Motion >> Repos - motion-next.git/blob

   1 <md-dialog class="upload-dialog" aria-label="Upload ">
   2   <form name="uploadForm" class="md-inline-form" novalidate>
   3     <md-toolbar class="md-accent md-hue-2">
   4       <div
   5         class="md-toolbar-tools"
   6         layout="row"
   7         layout-align="space-between center"
   8       >
   9         <span class="title">{{ vm.title | translate }}</span>
  10         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  11           <md-icon
  12             md-font-icon="icon-close"
  13             aria-label="Close dialog"
  14           ></md-icon>
  15         </md-button>
  16       </div>
  17     </md-toolbar>
  18
  19     <md-dialog-content ms-scroll>
  20       <div class="error-list">
  21         <div
  22           ng-repeat="error in vm.errors"
  23           class="error"
  24           layout="row"
  25           layout-align="space-between center"
  26         >
  27           <div>
  28             <span class="message">{{error.message}}</span>
  29             <span class="type">({{error.type}})</span>
  30           </div>
  31           <md-button class="md-icon-button">
  32             <md-icon
  33               md-font-icon="icon-alert-box"
  34               aria-label="alert error"
  35               class="s16"
  36             ></md-icon>
  37           </md-button>
  38         </div>
  39       </div>
  40       <div
  41         id="plugin-uploader"
  42         ng-hide="vm.uploadState == 'uploading'"
  43         flow-init="vm.ngFlowOptions"
  44         flow-name="vm.ngFlow.flow"
  45         flow-files-submitted="vm.upload()"
  46         flow-file-added="vm.fileAdded($file)"
  47         flow-file-success="vm.fileSuccess($file, $message)"
  48         flow-error="vm.uploadError($file, $message)"
  49         flow-complete="vm.uploadComplete()"
  50         flow-drop
  51         flow-drag-enter="vm.dropping=true"
  52         flow-drag-leave="vm.dropping=false"
  53         ng-class="{'dropping':vm.dropping}"
  54       >
  55         <div
  56           class="drop-text hint-text"
  57           layout="row"
  58           layout-align="center center"
  59         >
  60           <span translate="MARKETPLACE.DROP_TO_UPLOAD">Drop to upload</span>
  61         </div>
  62
  63         <div class="upload-button" layout="column" layout-align="center center">
  64           <md-button class="md-accent md-raised" flow-btn> Upload </md-button>
  65           <span
  66             class="secondary-text mt-8"
  67             translate="MARKETPLACE.DROP_TO_UPLOAD_MESSAGE"
  68             >You can also drop your file here to upload.</span
  69           >
  70         </div>
  71       </div>
  72
  73       <div
  74         layout="column"
  75         layout-align="space-between center"
  76         ng-show="vm.uploadState == 'uploading'"
  77       >
  78         <div>
  79           <span translate="MARKETPLACE.UPLOADING">Uploading</span>
  80           <span>{{vm.plugin.file.name}}</span>
  81         </div>
  82         <md-progress-linear md-mode="indeterminate"></md-progress-linear>
  83       </div>
  84     </md-dialog-content>
  85
  86     <md-dialog-actions layout="row" layout-align="space-between center">
  87       <div layout="row" layout-align="start center"></div>
  88       <div layout="row">
  89         <md-button
  90           ng-click="vm.closeDialog()"
  91           ng-hide="vm.uploadState == 'uploading'"
  92           class="md-accent md-raised"
  93           aria-label="FINISH"
  94           translate="MARKETPLACE.FINISH"
  95           translate-attr-aria-label="MARKETPLACE.FINISH"
  96         >
  97           FINISH
  98         </md-button>
  99       </div>
 100     </md-dialog-actions>
 101   </form>
 102 </md-dialog>